.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
@mixin aa($w,$h){
    width: $w;
    height: $h;
}
.header{
    @include aa(100%,1rem);
    
    .logo{
        float: left;
        margin-top: .16rem;
        margin-left: .18rem;
        margin-bottom: .16rem;
        
        @include aa(2.18rem,.68rem);
        background: url(../img/logo.png) ;
        background-size: 100% 100%;
    }
    .right-header{
        float: right;
        font-size: .2rem;
        display: flex;
        .woDe{
//         margin-left: .4rem;
            @include aa(.44rem,.68rem);
            padding: .18rem .16rem;
            a{
                .user{
                   @include aa(.43rem,.43rem); 
                   margin-top: -.05rem; 
                }
                p{
                    font-size: .22rem;
                    margin-top: .05rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
        }
        .daoHang{
            @include aa(.44rem,.68rem);
            padding: .18rem .16rem;
            a{
                .nav{
                   @include aa(.43rem,.43rem);
                   margin-top: -.05rem; 
                }
                p{
                    font-size: .22rem;
                    margin-top: .05rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
        }
    }
}
.fangXian{
    @include aa(100%,2.38rem);
    a{
        img{
            @include aa(100%,100%);
        }
    }
}
.zhuangXiu{
    margin-top: .03rem;
    font-size: .28rem;
    @include aa(7.50rem,4.62rem);
    border-bottom: .18rem solid #f4f4f4;
    .zhuangXiu-up{
        @include aa(7.50rem,2.31rem);
        display: flex;
        li{
            @include aa(25%,100%);
            text-align: center;
            margin-bottom: .12rem;
            a{
                .daFangAn{
                    @include aa(1.2rem,1.2rem);
                    margin-top: .36rem;
                    background: #39c893;
                    margin-left: 0.35rem;
                    border-radius: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                   .fangAn{
                        @include aa(0.7rem,0.7rem);
                        color: white;
                    } 
                }
                
                img{
                    margin-top: .36rem;
                    @include aa(1.2rem,1.2rem);
                }
                p{
                    margin-top: .24rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
        }
    }
    .zhuangXiu-down{
        display: flex;
        @include aa(7.50rem,2.31rem);
        li{
            @include aa(25%,100%);
            text-align: center;
            a{
                img{
                    margin-top: .36rem;
                    @include aa(1.2rem,1.2rem);
                    
                }
                p{
                    margin-top: .24rem;
                    margin-bottom:.4rem ;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
        }
    }
}
.quanWu{
    @include aa(100%,1.06rem);
    display: flex;
    .green{
        @include aa(.05rem,.42rem);
        margin-left: .17rem;
        margin-top: .32rem;
        background: #37c993;
    }
    p:nth-child(2){
        margin-left: .12rem;
        margin-top: .35rem;
        font-size: .36rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    p:nth-child(3){
        margin-left: .2rem;
        font-size: .24rem;
        color: #999;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: .44rem;
    }
}
.ban{
    @include aa(.05rem,4.4rem);
    img{
        @include aa(7.14rem,4.4rem);
        margin-left: .17rem;
    }
}
.zeng{
    @include aa(100%,1.44rem);
    font-size: .2rem;
    .dian{
        margin-top: .2rem;
        span:nth-child(1){
            display: inline-block;
            @include aa(.12rem,.12rem);
            background: #01bd9b;
            border-radius: 50%;
            margin-left: 3.46rem;
        }
        span:nth-child(2){
            background: #7c7c7c;
            display: inline-block;
            border-radius: 50%;
            @include aa(.12rem,.12rem);
            margin-left: .28rem;
        }
    }
    .zengXiang{
        display: flex;
        @include aa(100%,.72rem);
        margin-top: .36rem;
        border-bottom: 0.17rem solid #f4f4f4;
        p{
           font-size: .28rem; 
           margin-left: .12rem;
           margin-top: .03rem;
        }
        .zero{
            @include aa(.36rem,.36rem);
            color:#39c893;
            margin-left: .18rem;
        }
        .fill{
            @include aa(.36rem,.36rem);
            color:#39c893;
            margin-left: .4rem;
        }
        .price{
            @include aa(.36rem,.36rem);
            color:#39c893;
            margin-left: .4rem;
        }
    }
}
.yu{
    @include aa(100%,5.1rem);
    .yue{
            @include aa(100%,1.06rem);
            display: flex;
            .green{
                @include aa(.05rem,.42rem);
                margin-left: .17rem;
                margin-top: .32rem;
                background: #37c993;
            }
            p:nth-child(2){
                margin-left: .12rem;
                margin-top: .35rem;
                font-size: .36rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            p:nth-child(3){
                margin-left: .2rem;
                font-size: .24rem;
                color: #999;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: .44rem;
            }
    }
}
.shuRuKuang{
    border-bottom: .17rem solid #f4f4f4;
    .kuang{
        display: block;
        border-radius: .05rem;
        border:1px solid #eaeaea;
        @include aa(5.86rem,.7rem);
        font-size: .28rem;
        margin-left: .85rem;
        margin-bottom: .25rem;
        margin-top: 0rem;
       
    }
    .btn{
        display: block;
        border-radius: .05rem;
        @include aa(5.86rem,.7rem);
        font-size: .36rem;
        margin-left: .85rem;
        background: #feb605;
        border: none;
        color: white;
        margin-bottom: .36rem;
    }   
}
.sheJi{
    border-bottom: .17rem solid #f4f4f4;
    .she{
         @include aa(100%,1rem);
        display: flex;
        .green{
            @include aa(.05rem,.42rem);
            margin-left: .17rem;
            margin-top: .32rem;
            background: #37c993;
        }
        p:nth-child(2){
            margin-left: .12rem;
            margin-top: .35rem;
            font-size: .36rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .shi{
        display: flex;
        @include aa(100%,2.6rem);
        text-align: center;
        font-size: 0.2rem;
        li{
            @include aa(25%,.42rem);
            margin-top: .1rem;
            img{
                @include aa(1.4rem,1.4rem);
                }  
            p{
                font-size: 0.36rem;
                margin-top: .2rem;
            }
            button{
                @include aa(1.2rem,.32rem);
                font-size: .26rem;
                color: white;
                background: #39c893;
                border: none;
                margin-top: .16rem;
                border-radius: .05rem;
                line-height: .32rem;
            }
        }
    }
    .huan{
        @include aa(7.17rem,0.7rem);
        font-size: 0.2rem;
        display: flex;
        margin-left: 0.18rem;
        margin-top: 0.36rem;
        margin-bottom: 0.36rem;
        border-radius: .05rem;
        li:nth-child(1){
            border: 1px solid #f4f4f4;
            
            @include aa(50%,0.68rem);
            a{
                display: block;
                @include aa(100%,100%);
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                    font-size: .28rem;
                    color: #39c893;
                }
                .change{
                    color: #39c893;
                    @include aa(0.28rem,0.28rem);
                }
            }
        }
        li:nth-child(2){
            border: 1px solid #f4f4f4;
            @include aa(50%,0.68rem);
            a{
                display: block;
                @include aa(100%,100%);
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                   font-size: .28rem;
                   color: #39c893;
                }
                .more{
                    color: #39c893;
                    @include aa(0.28rem,0.28rem);
                }
            }
        }
    }
}
.xiaoGuo{
    border-bottom: .17rem solid #f4f4f4;
    .she{
         @include aa(100%,1rem);
        display: flex;
        
        .green{
            @include aa(.05rem,.42rem);
            margin-left: .17rem;
            margin-top: .32rem;
            background: #37c993;
        }
        p:nth-child(2){
            margin-left: .12rem;
            margin-top: .35rem;
            font-size: .36rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .tu{
        @include aa(7.16rem,10.2rem);
        margin-left: .18rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        font-size: 0.2rem;
        .tuUp{
            @include aa(7.16rem,5.06rem);
            img{
                @include aa(100%,100%);
            }
        }
        .tuZhong{
            @include aa(7.16rem,2.5rem);
            display: flex;
            justify-content: space-between;
            img{
               @include aa(3.54rem,2.5rem); 
            }
        }
        .tuDown{
            @include aa(7.16rem,2.5rem);
            display: flex;
            justify-content: space-between;
            img{
               @include aa(3.54rem,2.5rem); 
            }
        }
    }
    .huan{
        @include aa(7.17rem,0.7rem);
        font-size: 0.2rem;
        display: flex;
        margin-left: 0.18rem;
        margin-top: 0.36rem;
        margin-bottom: 0.36rem;
        border-radius: .05rem;
        li:nth-child(1){
            border: 1px solid #f4f4f4;
            
            @include aa(50%,0.68rem);
            a{
                display: block;
                @include aa(100%,100%);
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                    font-size: .28rem;
                    color: #39c893;
                }
                .change{
                    color: #39c893;
                    @include aa(0.28rem,0.28rem);
                }
            }
        }
        li:nth-child(2){
            border: 1px solid #f4f4f4;
            @include aa(50%,0.68rem);
            a{
                display: block;
                @include aa(100%,100%);
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                   font-size: .28rem;
                   color: #39c893;
                }
                .more{
                    color: #39c893;
                    @include aa(0.28rem,0.28rem);
                }
            }
        }
    }
}
.gongDi{
    border-bottom: .17rem solid #f4f4f4;
    .she{
        @include aa(100%,1rem);
        display: flex;
        .green{
            @include aa(.05rem,.42rem);
            margin-left: .17rem;
            margin-top: .32rem;
            background: #37c993;
        }
        p:nth-child(2){
            margin-left: .12rem;
            margin-top: .35rem;
            font-size: .36rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .zhiBo{
        @include aa(100%,.5.34rem);
        img{
            @include aa(7.16rem,.5.34rem);
            margin-left: .18rem;
        }
    }
    .qi{
        display: flex;
        margin-top: 0.1rem;
        p{
          font-size: .28rem;
          margin-left: .18rem;
          
        }
        div{
            margin-left: .3rem;
            font-size: .23rem;
            background: #38ca94;
            @include aa(1.14rem,.34rem);
            text-align: center;
            line-height: .34rem;
            color: white;
            border-radius: 0.05rem;
        }
    }
    .huan{
        @include aa(7.17rem,0.7rem);
        font-size: 0.2rem;
        display: flex;
        margin-left: 0.18rem;
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
        border-radius: .05rem;
        
        li:nth-child(1){
            border: 1px solid #f4f4f4;
            
            @include aa(50%,0.68rem);
            a{
                display: block;
                @include aa(100%,100%);
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                    font-size: .28rem;
                    color: #39c893;
                }
                .change{
                    color: #39c893;
                    @include aa(0.28rem,0.28rem);
                }
            }
        }
        li:nth-child(2){
            border: 1px solid #f4f4f4;
            @include aa(50%,0.68rem);
            a{
                display: block;
                @include aa(100%,100%);
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                   font-size: .28rem;
                   color: #39c893;
                }
                .more{
                    color: #39c893;
                    @include aa(0.28rem,0.28rem);
                }
            }
        }
    }
}
.gong{
    .she{
        @include aa(100%,1rem);
        display: flex;
        .green{
            @include aa(.05rem,.42rem);
            margin-left: .17rem;
            margin-top: .32rem;
            background: #37c993;
        }
        p:nth-child(2){
            margin-left: .12rem;
            margin-top: .35rem;
            font-size: .36rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .fang{
        font-size: 0.2rem;
        li{
            @include aa(100%,1.75rem);
            display: flex;
            justify-content: space-around;
            .fangZuo{
                margin-left: .2rem;
                @include aa(1.9rem,1.45rem); 
                img{
                   @include aa(100%,100%);
                }
            }
            .fangYou{
                @include aa(4.88rem,1.44rem);
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                p:nth-child(1){
                    font-size: 0.36rem;
                    margin-left: 0.2rem;
                    width: 4.7rem;
                }
                p:nth-child(2){
//                  margin-left: .18rem;
                    margin-top: .2rem;
                    margin-left: .22rem;
                    font-size: 0.28rem;
                    .time{
                        @include aa(0.3rem,0.3rem); 
                        margin-right: .12rem;
                    }
                    span{
                        font-size: .28rem;
                        color: #999;
                        
                    }
                    .view{
                        margin-right: .12rem;
                        @include aa(0.3rem,0.3rem);
                    }
                }
            }
        }
    }
    .huan{
        @include aa(7.17rem,0.7rem);
        font-size: 0.2rem;
        display: flex;
        margin-left: 0.18rem;
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
        border-radius: .05rem;
        
        li:nth-child(1){
            border: 1px solid #f4f4f4;
            
            @include aa(50%,0.68rem);
            a{
                display: block;
                @include aa(100%,100%);
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                    font-size: .28rem;
                    color: #39c893;
                }
                .change{
                    color: #39c893;
                    @include aa(0.28rem,0.28rem);
                }
            }
        }
        li:nth-child(2){
            border: 1px solid #f4f4f4;
            @include aa(50%,0.68rem);
            a{
                display: block;
                @include aa(100%,100%);
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                   font-size: .28rem;
                   color: #39c893;
                }
                .more{
                    color: #39c893;
                    @include aa(0.28rem,0.28rem);
                }
            }
        }
    }
}
.zi{
    border-bottom: .17rem solid #f4f4f4;
    border-top: .17rem solid #f4f4f4;
    @include aa(7.14rem,2rem);
    display: flex;
    padding:.36rem .18rem ;
    font-size: .28rem;
    text-indent: 0.56rem;
    line-height: 0.52rem;
}
.fu{
// @include aa(100%,1.3rem);
   .fuUp{
       @include aa(100%,1.4rem);
       display: flex;
       justify-content: center;
       align-items: center;
       .hot{
          @include aa(.32rem,.32rem); 
       }
       p{
           font-size: .28rem;
       }
   }
   .fuDown{
       display: flex;
       text-align: center;
       li{
          @include aa(25%,.26rem); 
          font-size: .26rem; 
       }
   }
}
.dada{
    @include aa(100%,1.45rem);
    img{
        @include aa(100%,100%);
    }
}
